<!--
 * @Description: 自定义空缺省图UI
 * @Author: hmt
 * @Date: 2024-03-19 17:10:28
 * @LastEditors: hmt
 * @LastEditTime: 2024-04-01 01:29:13
-->
<template>
  <div class="base-empty">
    <el-empty :image="require('@/assets/icons/empty.png')"
              :image-size="60"
              :description="description" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'base-empty',
  props: {
    description: {
      type: String,
      default: '暂无数据'
    }
  }
})
</script>

<style lang="scss" scoped>
.base-empty {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  .el-empty {
    padding: 0;
  }
}
</style>
